<%--
  Created by IntelliJ IDEA.
  User: XTT
  Date: 2022/10/6
  Time: 17:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    *{
        margin: 0;
        padding:0;
    }
    body{
        background-color: rgb(242,242,242);
        position: absolute;
    }
    h1{
        font-size: 40px;
        padding: 30px;
        font-family: 华文彩云;
        color: black;

    }
    #rq{
        padding-left: 30px;
        padding-top: 35px;
        font-size: 17px;
    }
    .content{
        height: 200px;
        background-color: #ffffff;
        margin: 15px;
    }
    .content2{
        height: 370px;
        background-color: #ffffff;
        margin: 15px;
    }
    h2{
        padding-left: 20px;
        border-bottom: 1px solid rgb(242,242,242);
    }
    .a{

        width: 413px;
        height: 350px;
        float: left;
        border-right: 1px solid rgb(242,242,242);
    }
    .a p{
        padding-left: 20px;
    }
    a{
        text-decoration: none;
        color: #009f95;
    }
    input{
        border: 1px solid #01AAED;
        border-radius: 5px;
        background-color: #01AAED;
        width: 75px;
        height:50px;
        color: #ffffff;
    }
</style>
<body>
<div style="width: 100%;height: 600px">
<div class="content">
    <h1>欢迎${user.username}登录ikun酒店管理系统</h1>
    <p id="rq"></p>
    <p style="float: right;margin-top: -100px;font-size: 30px;color: #c7bb00;padding-right: 30px">高档酒店，欢迎入住！</p>
</div>
<div class="content2">
    <div class="a">
        <h2>系统介绍</h2>
        <p>
            这是一个轻量级的后台管理系统，基于layui框架<br>风格简洁简单，中小型企业首选<br>您可以通过该面板对如下信息进行管理
        </p>
    </div>
    <div class="a">
        <h2>系统使用指南</h2>
        <p>
            <a href="#">如何管理信息</a><br><br><a href="#">后台用户设置(权限)</a><br><br><a href="#">系统设置</a><br><br>当前版本 v1.0<br><br>关注官网或github随时下载最新版<br><br>

            <input type="button" onclick="x()" value="进入官网"/>
            <input type="button" value="github" style="margin-left: 20px;">
        </p>
    </div>
    <div class="a">
        <h2>系统特点</h2>
        <p>
          轻量级<br><br>简洁直爽<br><br>基于layui框架上手快<br><br>支持jq/vue/layui
        </p>
    </div>
</div>
</div>
</body>
<script>
        function a(){

            var date=new Date();
            var year=date.getFullYear();
            var month=date.getMonth();
            var day=date.getDate();
            var d=date.getDay();
            var week=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
            var h=date.getHours();
            var m=date.getMinutes();
            var s=date.getSeconds();
            var days=['上午','下午','晚上','凌晨']
            if (m<10){
                m="0"+m;
            }
            if (s<10){
                s="0"+s;
            }
            if (h<10){
                h="0"+h;
            }
            if (h>6&&h<12){
                document.getElementById('rq').innerHTML=year+" / "+month+" / "+day+" / "+"    "+days[0]+"   "+h+":"+m+":"+s;
            }else if (h>12&&h<18){
                document.getElementById('rq').innerHTML=year+" / "+month+" / "+day+" / "+"    "+days[1]+"   "+h+":"+m+":"+s;
            }else if (h>18&&h<24){
                document.getElementById('rq').innerHTML=year+" / "+month+" / "+day+" / "+"    "+days[2]+"   "+h+":"+m+":"+s;
            }
            else if (h>0){
                document.getElementById('rq').innerHTML=year+" / "+month+" / "+day+" / "+"    "+days[3]+"   "+h+":"+m+":"+s;
            }
            setTimeout(a,1000);
        }
        a()

    function x() {
        location.href="${pageContext.request.contextPath}/user/index.jsp"
    }
</script>
</html>
